

.container-self{
  min-width: 950px;
  margin-right: auto;
  margin-left: auto;
}

.xl-hiden,.lg-hiden,.md-hiden{
  display: none;
}

@media (max-width: 1242px){
  .container-self {
    width: 960px;
   }
}
@media (min-width: 1245px) and (max-width: 1330px){
  .container-self{
    width: 1140px;
  }
  .md-hiden{
    display: block;
  }
}
@media (min-width: 1335px) and (max-width: 1600px){
  .container-self{
    width: 1230px;
  }
  .md-hiden{
    display: block;
  }
}
@media (min-width: 1600px) and (max-width: 1800px){
  .container-self{
    width: 1542px;
  }
  .lg-hiden,.md-hiden{
    display: block;
  }
}
@media (min-width: 1800px){
  .container-self{
    width:1764px;
  }
  .xl-hiden,.lg-hiden,.md-hiden{
    display: block;
  }
  .xxl-hiden{
    display: none;
  }
}